<!--
  To change this template, choose Tools | Templates
  and open the template in the editor.
-->

<%@ page contentType="text/html;charset=UTF-8" %>

<html>
  <head>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
    <meta name="layout" content="bootstrap">
    <title>Contacto</title>
  </head>
  <body>
    
     <div class="row-fluid">

          <div class="span4">
            <h2>Servicios</h2>
            <p>Muchas veces como usuarios existe la necesidad de buscar un servicio dom&eacutestico,y no sabemos donde encontrarlo, esta es la soluci&oacuten.</p>
            <p align="center"><img align=center src="images/bufon.jpg"></p>
          </div>

          <div class="span4">
            <h2>Ayuda</h2>
            <p>Tus opinioes, mejoran nuestra web, ayudanos a ayudarte. 
              Crea vinculos laborales, para mejorar tu experiencia</p>
            <p align="center"><img align=center src="images/conexion.jpg"></p>

          </div>

          <div class="span4">
            <h2>Acercate</h2>
            <p>La relaci&oacuten laboral con nuestros usuarios es muy importante 
              por esta razon queremos que disfrutes de la aplici&oacuten</p>
            <p align="center"><img align=center src="images/jester.jpg"></p>
          </div>

        </div>
      
<div class="row-fluid">
  <section id="main" class="span">
    <div class="hero-unit">
        <h2 align="center">QUEREMOS ESTAR CERCA DE TI.</h2>
      <div id="myCarousel" class="carousel slide">
        <div class="carousel-inner">
          <div class="active item"><p align="center"><img src="images/elec.jpg" class="img-rounded"></a></p></div>
          <div class="item"><p align="center"><img src="images/search.png" class="img-rounded"></a></p></div>
          <div class="item"><p align="center"><img src="images/plumber.jpg" class="img-rounded"></a></p></div>
        </div>
        <a class="carousel-control left" href="#myCarousel" data-slide="prev">&lsaquo;</a>
        <a class="carousel-control right" href="#myCarousel" data-slide="next">&rsaquo;</a>
      </div>
    </div>
  </section>
</div>
    
    <h1>UN</h1>
  </body>
</html>
